<template>
	<view class="u-p-10" v-if="treeItemData">
		<!-- cc.Node -->
		<ui-node></ui-node>
		<!-- MControlle -->
		<ui-mController v-if="treeItemData.mControllerIndex != null" v-bind:stateIndex="treeItemData.mControllerIndex"></ui-mController>
		<!-- cc.Sprite -->
		<ui-sprite v-if="treeItemData.spriteData"></ui-sprite>
		<!-- cc.Label -->
		<ui-label v-if="treeItemData.labelData" v-bind:labelData="treeItemData.labelData"></ui-label>
		<!-- cc.Mask -->
		<ui-mask v-if="treeItemData.maskData"></ui-mask>
		<!-- cc.Animation -->
		<ui-animation v-if="treeItemData.animationClips"></ui-animation>
		<!-- sp.Skeleton -->
		<ui-spSkeleton v-if="treeItemData.skeletonData"></ui-spSkeleton>
		<!-- cc.BlockInputEvents -->
		<ui-blockInput v-if="treeItemData.blockInputData"></ui-blockInput>
		
		
		

	</view>
</template>

<script>
	import {mapState} from 'vuex';
	export default {
		name: "ui-details",
		props: [
		],
		computed:{
			...mapState({
				treeItemData: state => state.app.treeItemData,
			})
		},
		data() {
			return {
			};
		},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
</style>